<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>用户</title>
	<link rel="stylesheet" href="css/style.css"></head>
<body>
	<div class="header">
		<div class="nav">
			<div class="fn_left fw700">
				<a href="" class="home " title="我的首页">
					<!-- 首页 -->
				</a>
				<a href="" class="active" title="微博广场">广场</a>
				<a href="" title="我的关注">我的关注</a>
				<a href="" title="我赞过的">赞</a>
			</div>

			<div class="fn_right">
				<a href="" title="用户资料">user</a>
				<a href="" class="write" title="写微博">
					<!-- 写微博 -->
				</a>
				<a href="" class="info" title="我的信息">
					<!-- 我的信息 -->
				</a>
				<a href="" class="logout" title="退出登录">
					<!-- 退出登录 -->
				</a>
			</div>
			<div class="search ">
				<input type="text" placeholder="" />
				<a href="" title="搜索">
					<span>搜索</span>
				</a>
			</div>
		</div>
		<div class="header_shadow"></div>
	</div>

	<div class="wrap" >
		<div class="user_box">
			<div class="useimg fn_left">
				<a href=""><img src="images/user.jpg" alt=""></a>
			</div>
			<p class="nexus fn_left">
				<a title="刘莉丝(@刘莉丝)" href="" class="fz18c333">刘莉丝</a>
				<!-- 各种关注 -->
				<a href="" class="allyet">相互关注</a>
				<a href="" class="uyet"></a>
				<!-- 对方关注我我未关注他 -->
				<a href="" class="iyet">已关注</a>
				<!-- 我关注了对方 -->
				|
				<a href="" class="add">关注</a>  
			</p>
			<div class="useinfo fn_right tar">
				<a href="">
					<strong>5550</strong>
					<span>微博</span>
				</a>
				<a href="">
					<strong>50</strong>
					<span>关注</span>
				</a>
				
			</div>
		</div>
		<a href="" class="more">有1条新微薄，点击查看</a>
		<ul class="weibo_list">
			<li>
				<div class="msg_box">
					<p>only1句废话的时候</p>
					<div class="msg_from fz12">
						<div class="fn_right col_blue ">
							<a class="praise" href="" title="点赞"></a>
							|
							<a href="">转发</a>
							|
							<a href="">评论</a>
						</div>
						10月08日   10:35
					</div>
				</div>
			</li>
			<li>
				<div class="msg_box">
					<p>only1句废话的时候</p>
					<div class="msg_from fz12">
						<div class="fn_right col_blue ">
							<a class="praise" href="" title="点赞"> 
							</a>
							|
							<a href="">转发</a>
							|
							<a href="">评论</a>
						</div>
						10月08日   10:35
					</div>
					<div class="talk_wrap follow ">
						<!--评论 comment/转发 follow -->
						<textarea class="" ></textarea>
						<div class="but_box ">
							<a href="" class="faceico"></a>
							<label >
								<input class="checkbox" type="checkbox" name="forward">
								同时转发到我的微博
							</label>
							<a href="" class="but1 fn_right">评论</a>
						</div>
						<ul class="talk_wrap_list">
							<li>
								<div class="user_pic">
									<a href="">
										<img src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a>
								</div>
								<div class="msg_box">
									<p>
										<a title="刘莉丝(@刘莉丝)" href="" class="col_333">刘莉丝</a>:回复<a href="" class="col_blue">@Genng</a>
										强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
									</p>
									<div class="msg_from fz12">
										<div class="fn_right col_blue ">
											<a href="">删除</a>
											|
											<a href="">回复</a>
										</div>
										10月08日   10:35
									</div>
								</div>
							</li>
							<li>
								<div class="user_pic">
									<a href="">
										<img src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a>
								</div>
								<div class="msg_box">
									<p>
										<a title="刘莉丝(@刘莉丝)" href="" class="col_333">刘莉丝</a>:
										强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb大斯科拉多久啊是大家了肯定啊肯定啊看得见啊死啦..<a href="" class="col_blue">展开▼</a>
									</p>
									<div class="msg_from fz12">
										<div class="fn_right col_blue ">

											<a href="">回复</a>
										</div>
										10月08日   10:35
									</div>
								</div>
							</li>
						</ul>
						<p class="pl2p fz12">
							后面还有30条评论，<a href="" class="col_blue">点击查看>></a>
						</p>

						
						<!-- 引用结束 --> 
						<b class="talk_wrap_cor">
							<!-- 引用语气泡 -->
							<b class="talk_wrap_cor2"></b>
						</b> 
					</div>
				</div>
			</li>
			<li>
				<div class="msg_box">
					<p>
						强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
					</p>
					<div class="msg_from fz12">
						<div class="fn_right col_blue ">
							<a class="praised" href="" title="已赞">
								<!-- 已赞 -->(20)</a>
							|
							<a href="">转发</a>
							|
							<a href="">评论</a>
						</div>
						10月08日   10:35
					</div>
					<div class="talk_wrap comment ">
						<!--评论 comment/转发 follow -->
						<textarea class="" ></textarea>
						<div class="but_box ">
							<a href="" class="faceico"></a>
							<label >
								<input class="checkbox" type="checkbox" name="forward">
								同时转发到我的微博
							</label>
							<a href="" class="but1 fn_right">评论</a>
						</div>
						<ul class="talk_wrap_list">
							<li>
								<div class="user_pic">
									<a href="">
										<img src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a>
								</div>
								<div class="msg_box">
									<p>
										<a title="刘莉丝(@刘莉丝)" href="" class="col_333">刘莉丝</a>:回复<a href="" class="col_blue">@Genng</a>
										强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
									</p>
									<div class="msg_from fz12">
										<div class="fn_right col_blue ">
											<a href="">删除</a>
											|
											<a href="">回复</a>
										</div>
										10月08日   10:35
									</div>
								</div>
							</li>
							<li>
								<div class="user_pic">
									<a href="">
										<img src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a>
								</div>
								<div class="msg_box">
									<p>
										<a title="刘莉丝(@刘莉丝)" href="" class="col_333">刘莉丝</a>:
										强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb大斯科拉多久啊是大家了肯定啊肯定啊看得见啊死啦..<a href="" class="col_blue">展开▼</a>
									</p>
									<div class="msg_from fz12">
										<div class="fn_right col_blue ">

											<a href="">回复</a>
										</div>
										10月08日   10:35
									</div>
								</div>
							</li>
						</ul>
						<p class="pl2p fz12">
							后面还有30条评论，<a href="" class="col_blue">点击查看>></a>
						</p>

						
						<!-- 引用结束 --> 
						<b class="talk_wrap_cor">
							<!-- 引用语气泡 -->
							<b class="talk_wrap_cor2"></b>
						</b> 
					</div>
				</div>
			</li>
			<li>
				<div class="msg_box">
					<p>引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧</p>
					<div class="quote">
						<!-- 引用,将来整个.msg_box>里面的html装进来-->
						<p class="user_name col_blue">
							<a title="@刘莉丝(@刘莉丝)" href="/sissyliu">@刘莉丝</a>
						</p>
						<p>
							强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
						</p>
						<div class="msg_from fz12">
							<div class="fn_right col_blue ">
								<a class="praised" href="" title="已赞">
									<!-- 已赞 -->(20)</a>
								|
								<a href="">转发</a>
								|
								<a href="">评论</a>
							</div>
							10月08日   10:35
						</div>
						<!-- 引用结束 --> <b class="quote_cor"><!-- 引用语气泡 --> <b class="quote_cor2"></b></b>
					</div>

					<div class="msg_from fz12">
						<div class="fn_right col_blue ">
							<a class="praised" href="" title="已赞">
								<!-- 已赞 -->(20)</a>
							|
							<a href="">转发</a>
							|
							<a href="">评论</a>
						</div>
						10月08日   10:35
					</div>
				</div>
			</li>
			<li>
				<div class="msg_box">
					<p>引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧</p>
					<div class="quote">
						<!-- 引用,将来整个.msg_box>里面的html装进来-->
						
						<p>
							抱歉，此微博已被作者删除。
						</p>
						
						<!-- 引用结束 --> <b class="quote_cor"><!-- 引用语气泡 --> <b class="quote_cor2"></b></b>
					</div>

					<div class="msg_from fz12">
						<div class="fn_right col_blue ">
							<a class="praised" href="" title="已赞">
								<!-- 已赞 -->(20)</a>
							|
							<a href="">转发</a>
							|
							<a href="">评论</a>
						</div>
						10月08日   10:35
					</div>
				</div>
			</li>
			<li>
				<div class="msg_box">
					<p>引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧</p>
					<div class="quote">
						<!-- 引用,将来整个.msg_box>里面的html装进来-->
						<p class="user_name col_blue">
							<a title="@刘莉丝(@刘莉丝)" href="/sissyliu">@刘莉丝</a>
						</p>
						<p>
							强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
						</p>
						<div class="msg_from fz12">
							<div class="fn_right col_blue ">
								<a class="praised" href="" title="已赞">
									<!-- 已赞 -->(20)</a>
								|
								<a href="">转发</a>
								|
								<a href="">评论</a>
							</div>
							10月08日   10:35
						</div>
						<!-- 引用结束 --> 
						<b class="quote_cor">
							<!-- 引用语气泡 --> 
							<b class="quote_cor2"></b>
						</b>
						<div class="talk_wrap follow ">
							<!--评论 comment/转发 follow -->
							<textarea class="" ></textarea>
							<div class="but_box ">
								<a href="" class="faceico"></a>
								<label >
									<input class="checkbox" type="checkbox" name="forward">
									同时转发到我的微博
								</label>
								<a href="" class="but1 fn_right">评论</a>
							</div>
							<ul class="talk_wrap_list">
								<li>
									<div class="user_pic">
										<a href="">
											<img src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a>
									</div>
									<div class="msg_box">
										<p>
											<a title="刘莉丝(@刘莉丝)" href="" class="col_333">刘莉丝</a>:回复<a href="" class="col_blue">@Genng</a>
											强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
										</p>
										<div class="msg_from fz12">
											<div class="fn_right col_blue ">
												<a href="">删除</a>
												|
												<a href="">回复</a>
											</div>
											10月08日   10:35
										</div>
									</div>
								</li>
								<li>
									<div class="user_pic">
										<a href="">
											<img src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a>
									</div>
									<div class="msg_box">
										<p>
											<a title="刘莉丝(@刘莉丝)" href="" class="col_333">刘莉丝</a>:
											强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb大斯科拉多久啊是大家了肯定啊肯定啊看得见啊死啦..<a href="" class="col_blue">展开▼</a>
										</p>
										<div class="msg_from fz12">
											<div class="fn_right col_blue ">

												<a href="">回复</a>
											</div>
											10月08日   10:35
										</div>
									</div>
								</li>
							</ul>
							<p class="pl2p fz12">
								后面还有30条评论，<a href="" class="col_blue">点击查看>></a>
							</p>
							<b class="talk_wrap_cor">
								<!-- 引用语气泡 -->
								<b class="talk_wrap_cor2"></b>
							</b> 
						</div>
					</div>

					<div class="msg_from fz12">
						<div class="fn_right col_blue ">
							<a class="praised" href="" title="已赞">
								<!-- 已赞 -->(20)</a>
							|
							<a href="">转发</a>
							|
							<a href="">评论</a>
						</div>
						10月08日   10:35
					</div>
				</div>
			</li>
			<li>
				<div class="msg_box">
					<p>引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧,引用过来的吧</p>
					<div class="quote">
						<!-- 引用,将来整个.msg_box>里面的html装进来-->
						<p class="user_name col_blue">
							<a title="@刘莉丝(@刘莉丝)" href="/sissyliu">@刘莉丝</a>
						</p>
						<p>
							强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
						</p>
						<div class="msg_from fz12">
							<div class="fn_right col_blue ">
								<a class="praised" href="" title="已赞">
									<!-- 已赞 -->(20)</a>
								|
								<a href="">转发</a>
								|
								<a href="">评论</a>
							</div>
							10月08日   10:35
						</div>
						<!-- 引用结束 --> 
						<b class="quote_cor">
							<!-- 引用语气泡 --> 
							<b class="quote_cor2"></b>
						</b>
						<div class="talk_wrap comment ">
							<!--评论 comment/转发 follow -->
							<textarea class="" ></textarea>
							<div class="but_box ">
								<a href="" class="faceico"></a>
								<label >
									<input class="checkbox" type="checkbox" name="forward">
									同时转发到我的微博
								</label>
								<a href="" class="but1 fn_right">评论</a>
							</div>
							<ul class="talk_wrap_list">
								<li>
									<div class="user_pic">
										<a href="">
											<img src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a>
									</div>
									<div class="msg_box">
										<p>
											<a title="刘莉丝(@刘莉丝)" href="" class="col_333">刘莉丝</a>:回复<a href="" class="col_blue">@Genng</a>
											强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
										</p>
										<div class="msg_from fz12">
											<div class="fn_right col_blue ">
												<a href="">删除</a>
												|
												<a href="">回复</a>
											</div>
											10月08日   10:35
										</div>
									</div>
								</li>
								<li>
									<div class="user_pic">
										<a href="">
											<img src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a>
									</div>
									<div class="msg_box">
										<p>
											<a title="刘莉丝(@刘莉丝)" href="" class="col_333">刘莉丝</a>:
											强制换行1bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb大斯科拉多久啊是大家了肯定啊肯定啊看得见啊死啦..<a href="" class="col_blue">展开▼</a>
										</p>
										<div class="msg_from fz12">
											<div class="fn_right col_blue ">

												<a href="">回复</a>
											</div>
											10月08日   10:35
										</div>
									</div>
								</li>
							</ul>
							<p class="pl2p fz12">
								后面还有30条评论，<a href="" class="col_blue">点击查看>></a>
							</p>
							<b class="talk_wrap_cor">
								<!-- 引用语气泡 -->
								<b class="talk_wrap_cor2"></b>
							</b> 
						</div>
					</div>

					<div class="msg_from fz12">
						<div class="fn_right col_blue ">
							<a class="praised" href="" title="已赞">
								<!-- 已赞 -->(20)</a>
							|
							<a href="">转发</a>
							|
							<a href="">评论</a>
						</div>
						10月08日   10:35
					</div>
				</div>
			</li>
			<li>
				<div class="msg_box">
					<p>
						图片有图的情况
					</p>
					<div class="photo">
						<ul class="small fn_clear">
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
						</ul>

					</div>
					<div class="msg_from fz12">
						<div class="fn_right col_blue ">
							<a class="praised" href="" title="已赞">
								<!-- 已赞 -->(20)</a>
							|
							<a href="">转发</a>
							|
							<a href="">评论</a>
						</div>
						10月08日   10:35
					</div>
				</div>
			</li>
			<li>
				<div class="msg_box">
					<p>
						点解了小图之后的情况,.small+.fn_hide隐藏了
					</p>
					<div class="photo">
						<ul class="small fn_hide fn_clear">
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
							<li>
								<a href="" title="点击查看">
									<img src="images/user.jpg" alt="图片"></a>
							</li>
						</ul>
						<div class="big">
							<p class="fz12">
								<a href="" class="packup col_blue">收起</a>
								<a href="" class="lookover col_blue">查看大图</a>
							</p>
							<div class="bigimg">
								<a href="" title="查看大图 "><img width="330" src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a>
							</div>
							<div class="imglist ">
								<a class="but_l" href="#" >&lt;</a>
								<a class="but_r" href="#" >&gt;</a>
								<div class="w302">
									<ul style="/*left: -50px*/">
										<li><a href="" class="active"><img width="44" src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a></li>
										<li><a href=""><img width="44" src="images/user2.jpg" alt="刘莉丝(@刘莉丝)"></a></li>
										<li><a href=""><img width="44" src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a></li>
										<li><a href=""><img width="44" src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a></li>
										<li><a href=""><img width="44" src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a></li>
										<li><a href=""><img width="44" src="images/user.jpg" alt="刘莉丝(@刘莉丝)"></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<div class="msg_from fz12">
						<div class="fn_right col_blue ">
							<a class="praised" href="" title="已赞">
								<!-- 已赞 -->(20)</a>
							|
							<a href="">转发</a>
							|
							<a href="">评论</a>
						</div>
						10月08日   10:35
					</div>
				</div>
			</li>

		</ul>
		<a href="" class="more">有1条新微薄，点击查看</a>
		<div class="footer">
			<div class="pages tar">
				<a href="" class="updown" title="上一页">上一页</a>
				<a href="">1</a>
				<a href="" class="active">2</a>
				<a href="">3</a>
				<a href="">...</a>
				<a href="">5</a>
				<a href="" class="updown" title="下一页">下一页</a>
			</div>
		</div>
	</div>

</body>
</html>